body {
  overflow-x: hidden;
  overflow-y: auto;
}

.prose table {
  width: 100%;
  border-collapse: collapse;
  margin-top: 1rem;
  margin-bottom: 1rem;
}

.prose th,
.prose td {
  border: 1px solid #000000; /* Tailwind gray-300 */
  padding: 0.75rem;
  text-align: left;
}

.prose thead {
  background-color: #000000; /* Tailwind gray-100 */
  font-weight: 600;
}


/* Marquee animation */
   @keyframes marquee-hdr {
    0%   { transform: translateX(100%); }
    100% { transform: translateX(-100%); }
  }

  .animate-marquee-hdr {
    animation: marquee 50s linear infinite;
  }

  /* mega Menu */

  /* NEW badge */
  .badge-new {
    background-color: #b91c1c; /* Tailwind red-700 */
    color: white;
    font-size: 10px;
    font-weight: bold;
    padding: 2px 6px;
    border-radius: 9999px;
  }


  /* nav */



  
/* notice and coursel */

 

    /* Optional: Customize Swiper nav buttons */
    .swiper-button-custom {
     
      top: 50%;
      transform: translateY(-50%);
    }
  
    /* Principal Desk */

    /* Animation */
    @layer utilities {
  @keyframes fadeInUp {
    0% {
      opacity: 0;
      transform: translateY(40px);
    }
    100% {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fade-in-up {
    animation: fadeInUp 0.8s ease-out both;
  }
}

/* Tender Notice */
@keyframes scroll-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}

.scroll-up {
  animation: scroll-up 20s linear infinite;
}
   
/* updatebox coursal image and othr notice  */
 /* Vertical Scroll Up */
  @keyframes scroll-up {
  0% {
    transform: translateY(100%);
  }
  100% {
    transform: translateY(-100%);
  }
}
.animate-scroll-up {
  animation: scroll-up 15s linear infinite;
}
.animate-marquee {
  animation: marquee 20s linear infinite;
}
@keyframes marquee {
  0% { transform: translateX(0%); }
  100% { transform: translateX(-50%); }
}


/* Photo galary box */
@layer utilities {
  @keyframes fadeInUp {
    from {
      opacity: 0;
      transform: translateY(20px);
    }
    to {
      opacity: 1;
      transform: translateY(0);
    }
  }

  .animate-fadeInUp {
    animation: fadeInUp 0.8s ease-out both;
  }
}

/* Events &Archives Notices */
@keyframes marquee {
  0% {
    transform: translateX(100%);
  }
  100% {
    transform: translateX(-100%);
  }
}

.animate-marquee {
  animation: marquee 50s linear infinite;
}

@keyframes scroll-up {
  0% {
    top: 100%;
  }
  100% {
    top: -100%;
  }
}

.animate-scroll-up {
  animation: scroll-up 20s linear infinite;
}


/* scrolling image buttom 1*/ 
@keyframes marquee-ltr {
  0%   { transform: translateX(-50%); }
  100% { transform: translateX(0); }
}
.animate-marquee-ltr {
  animation: marquee-ltr 60s linear infinite;
}

  /* scrolling image buttom 2*/ 

 @keyframes marquee-rtl {
  0%   { transform: translateX(0); }
  100% { transform: translateX(-50%); }
}
.animate-marquee-rtl {
  animation: marquee-rtl 60s linear infinite;
}

/* Pause on hover */
.marquee-pause:hover {
  animation-play-state: paused;
}
/* Scroll Left to Right */


/* Scroll Right to Left */






/* Menu */

@keyframes fadeInDown {
  0% {
    opacity: 0;
    transform: translateY(-20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes fadeInUp {
  0% {
    opacity: 0;
    transform: translateY(20px);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}

.animate-fadeInDown {
  animation: fadeInDown 1s ease-out forwards;
}
.animate-fadeInUp {
  animation: fadeInUp 1s ease-out forwards;
}
.delay-300 {
  animation-delay: 0.3s;
}


/* Department */
      @keyframes sunrise {
      0% {
        opacity: 0;
        transform: translateY(30px) scale(0.95);
      }
      100% {
        opacity: 1;
        transform: translateY(0) scale(1);
      }
    }
    .animate-sunrise {
      animation: sunrise 1.5s ease-out both;
    }

    /* Sliding image  */
 .slider-wrapper {
    display: flex;
    transition: transform 0.5s ease-in-out;
  }
  .slide {
    flex: 0 0 100%;
    height: 100%;
  }
  .slide img {
    width: 100%;
    height: 100%;
    object-fit: cover;
  }